/**
 * 
 */


function cargarIndicadores(categoria,ciudad,metodologia){
	var data="id_categoria="+categoria;
	if(ciudad)
		data+="&id_ciudad="+ciudad;
	if(metodologia)
		data+="&metodologia_indicador="+metodologia;
		
	$.ajax({
		  type: "POST",
		  dataType:"JSON",
		  url: "index.php?option=com_charts&task=getIndicador&format=raw",
		  data: data,
		  success: function(info){
			 
			$(".indicador").html("");
			var contenido="<select name=\"id_indicador\" id=\"id_indicador\">"+
							"<option value=\"NULL\">- Seleccione uno -</option>";
			
			$.each(info, function(key, val) {
				contenido+="<option value=\""+val['id_indicador']+"\">"+val['nombre_grafico_indicador']+"</option>";
			});
			  
			contenido+="</select>";
			$(".indicador").append(contenido);
									
		  }/*FIN SUCCESS SUB CIUDAD INDICADOR*/
	});/*FIN AJAX SUB CIUDAD INDICADOR*/			
} 
function cargarMetodologias(categoria,ciudad){
	
	var data="id_categoria="+categoria;
	if(ciudad)
		data+="&id_ciudad="+ciudad;
		
	$.ajax({
		  type: "POST",
		  dataType:"JSON",
		  url: "index.php?option=com_charts&task=getMetodologiasIndicador&format=raw",
		  data: data,
		  success: function(info){
			 
			$(".metodologia_indicador").html("");
			var contenido="<select name=\"metodologia_indicador\" id=\"metodologia_indicador\">"+
							"<option  value=\"NULL\">- Seleccione uno -</option>";
			
			$.each(info, function(key, val) {
				contenido+="<option value=\""+val['metodologia_indicador']+"\">"+val['metodologia_indicador']+"</option>";
			});
			  
			contenido+="</select>";
			$(".metodologia_indicador").append(contenido);
			
			$(".etiquetas_metodologia").html("");
			
			var contenido="<table>";

			$.each(info, function(key, val) {
				contenido+="<tr><td>"+val['metodologia_indicador']+"</td><td><input name=\"metodologia["+val['metodologia_indicador']+"]\" type=\"text\"></td></tr>";
			});
			
			contenido+="</table>";
			$(".etiquetas_metodologia").append(contenido);
			
			
			$("#metodologia_indicador").change(function(){
				cargarIndicadores(categoria,ciudad,$(this).val());
			});
			
		  }/*FIN SUCCESS CATEGORIA INDICADOR*/
	});/*FIN AJAX CATEGORIA INDICADOR*/	
}

function cargarSubCiudades(categoria,nombre_ciudad){
	var data="id_categoria="+categoria;
	if(nombre_ciudad)
		data+="&nombre_ciudad="+nombre_ciudad
		
	$.ajax({
		  type: "POST",
		  dataType:"JSON",
		  url: "index.php?option=com_charts&task=getSubCiudadesIndicador&format=raw",
		  data: data,
		  success: function(info){
			$(".sub_ciudad_indicador").html("");
			var contenido="<select name=\"id_sub_ciudad\" id=\"id_sub_ciudad\" categoria=\""+categoria+"\">"+
							"<option  value=\"NULL\">- Seleccione uno -</option>";
			
			$.each(info, function(key, val) {
				contenido+="<option value=\""+val['id_ciudad']+"\">"+val['nombre_ciudad']+"</option>";
			});
			  
			contenido+="</select>";
			$(".sub_ciudad_indicador").append(contenido);
			$("#id_sub_ciudad").change(function(){
				cargarMetodologias(categoria,$(this).val());
				cargarIndicadores(categoria,$(this).val());
			});/*FIN CHANGE SUB CIUDAD INDICADOR*/
		  }/*FIN SUCCESS CIUDAD INDICADOR*/
	});/*FIN AJAX CIUDAD INDICADOR*/		
		
}


function cargarCiudades(categoria){
	var data="id_categoria="+categoria;
	$.ajax({
		  type: "POST",
		  dataType:"JSON",
		  url: "index.php?option=com_charts&task=getCiudadesIndicador&format=raw",
		  data: data,
		  success: function(info){
			 
			$(".ciudad_indicador").html("");
			var contenido="<select name=\"id_ciudad\" id=\"id_ciudad\" categoria=\""+categoria+"\">"+
							"<option  value=\"NULL\">- Seleccione uno -</option>";
			
			$.each(info, function(key, val) {
				contenido+="<option value=\""+val['id_ciudad']+"\">"+val['nombre_ciudad']+"</option>";
			});
			  
			contenido+="</select>";
			$(".ciudad_indicador").append(contenido);
			
			$("#id_ciudad").change(function(){
				cargarSubCiudades(categoria,$(this).children("option:selected").html());
				cargarMetodologias(categoria,$(this).val());
				cargarIndicadores(categoria,$(this).val());
			});/*FIN CHANGE CIUDAD INDICADOR*/
										
		  }/*FIN SUCCESS CATEGORIA INDICADOR*/
	});/*FIN AJAX CATEGORIA INDICADOR*/	
}	


function cargarCategorias(id_tipo_indicador){
	var data="id_tipo_indicador="+id_tipo_indicador;
	$.ajax({
		  type: "POST",
		  dataType:"JSON",
		  url: "index.php?option=com_charts&task=getCategoriasIndicador&format=raw",
		  data: data,
		  success: function(info){
			 
			$(".categoria_indicador").html("");
			var contenido="<select name=\"id_categoria_indicador\" id=\"id_categoria_indicador\">"+
							"<option  value=\"NULL\">- Seleccione uno -</option>";
			
			$.each(info, function(key, val) {
				contenido+="<option value=\""+val['id_categoria']+"\">"+val['nombre']+"</option>";
			});
			  
			contenido+="</select>";
			$(".categoria_indicador").append(contenido);
			
			$("#id_categoria_indicador").change(function(){
				cargarCiudades($(this).val());
				cargarSubCiudades($(this).val());
				cargarMetodologias($(this).val());
				cargarIndicadores($(this).val());
			});	/*FIN CHANGE CATEGORIA INDICADOR*/
		  }/*FIN SUCCESS TIPO INDICADOR*/
	});	
}

$(document).ready(function(){
	$("#id_tipo_indicador").change(function(){
		cargarCategorias($(this).val());
	});
});